<!DOCTYPE html>
<html lang="en">
<link>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/rotaryTableLottery.css">
<title>转盘抽奖Demo</title>
<style>
  body {
    margin: 0;
  }
</style>
</head>
 
<body>
  <div class="turntable">
    <div class="route">
      <canvas id="canvas" width="500" height="500"></canvas>
      <ul class="reward-list">
      </ul>
    </div>
    <div class="point"></div>
  </div>
  <div class="reward-num"></div>
  <div class="reward-type"></div>
  <ul>
    <li class="select-type">谢谢参与</li>
    <li class="select-type">公仔</li>
    <li class="select-type">保温杯</li>
    <li class="select-type">鼠标垫</li>
    <li class="select-type">口罩</li>
    <li class="select-type">200积分</li>
  </ul>
  <script src="./js/rotaryTableLottery.js"></script>
</body>
 
</html>